$color: blue;

.posted-list-right {
  .title {
    padding: 10px 20px;
    font-size: 20px;
    border: 1px solid #e9e9eb;
  }
  .last-li {
    padding: 0;
    padding-bottom: 12px;
    border: 1px solid #e9e9eb;
    margin-top: -1px;
  }
  span.left-menu {
    display: inline-block;
    width: 130px;
    height: 157px;
    float: left;
    background-color: #fafbfc;
  }
  span.content {
    display: inline-block;
    min-height: 105px;
    width: 665px;
    padding: 10px;
    font-size: 14px;
  }
  .floor, .create-time, .reply {
    float: right;
    color: #999;
    margin: 0 3px;
    font-size: 12px;
  }
  span.reply {
    color: $color;
    margin-right: 15px;
    cursor: pointer;
  }
  div.top-menu {
    z-index: 1;
    position: relative;
    background: white;
  }
  ul.children {
    &{
      display: inline-block;
      width: 79%;
      position: relative;
      right: 15px;
    }
    .children-li {
      & {
        min-height: 30px;
      }
      textarea {
        width: 97%;
        margin: 4px;
      }
      button {
        margin-left: 5px;
        border-bottom: 2px;
      }
    }
  }
  .i-say {
    background: white;
    color: #444444;
    border: 1px solid #ccc;
    padding: 3px;
    float: right;
    margin: 7px;
  }
  .i-say:hover {
    color: #3e89fa;
    border: 1px solid #3e89fa;
  }
  .children-create-time {
    float: right;
    font-size: 12px;
  }
  li.children-li {
    padding: 2px 0 10px 5px;
    border: 1px solid #e9e9eb;
  }
  .font-color {
    color: $color;
  }
}

ul.select-class {
  animation: 1s rainbow forwards;
  overflow: hidden;
  bottom: 40px;
  opacity: .9;
  z-index: 0;
}

@keyframes rainbow {
  0% { bottom: 40px; opacity: .2;}
  100% { bottom: 0; opacity: 1; }
}
